<template>
  <div class="copyright" :class="{ pt: props.pt }">
    <div class="content">
      <div class="copyright1">
        <span>浙ICP备2022003986号-1</span>
        <span>© 2011 - 2024 浙江甬易电子支付有限公司 版权所有</span>
      </div>
      <div class="copyright2">
        <a href="https://beian.miit.gov.cn/" target="_blank">
          <img src="/images/layouts/gongan.png" />
          <span>浙公网安备33020302000721号</span>
        </a>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
const props = defineProps({
  pt: { type: Boolean, default: false },
});
</script>

<style lang="scss" scoped>
.copyright {
  background-color: #f1f1f1;
  padding-bottom: 32px;
  height: 120px;
  box-sizing: border-box;
  &.pt {
    padding-top: 30px;
  }

  .copyright1 {
    text-align: center;

    span {
      font-weight: 500;
      font-size: 15px;
      color: #242424;

      &:first-child {
        margin-right: 16px;
      }
    }
  }

  .copyright2 {
    margin-top: 16px;
    a {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    img {
      width: 29px;
      height: 29px;
      display: inline-block;
      margin-right: 10px;
    }
    span {
      font-weight: 500;
      font-size: 15px;
      color: #242424;
    }
  }
}
</style>
